এসসিএসএস / এসএএসএস দিয়ে শতাংশ শতাংশ গণনা করুন

Question

আমি গণনার মাধ্যমে স্কেসে শতাংশের প্রস্থ নির্ধারণ করতে চাই, তবে এটি আমাকে ত্রুটি দেয় ..

"...- প্রস্থ: (4/12)%" এর পরে অবৈধ সিএসএস: প্রত্যাশিত অভিব্যক্তি (যেমন 1 পিএক্স, সাহসী), ছিল ";"

আমি এরকম কিছু করতে চাই

$my_width: (4/12)%;

div{
width: $my_width;
}

আমি কীভাবে সেখানে% সাইন যুক্ত করব?

Px এবং em এর সাথে একই প্রশ্ন

Comments

কোলাহল করার মতো কিছু নেই। আমি কেবল গণনার সাথে সংখ্যার ইউনিট যুক্ত করতে চাই। (400/20) পিক্সেল হিসাবে একই। আমার কাছে কীভাবে স্কেসে একটি নম্বর এবং পিক্স / ইম /% থাকবে? এইভাবে আমার "গ্লোবাল ভেরিয়েবলগুলি" থাকতে পারে আমি একবার পরিবর্তন করতে পারি

— নিক জিন্যান্টো

$ My_width: ((4/12)%) এর মতো বন্ধনী যুক্ত করার চেষ্টা করুন;

— শ্রী

ওহো .. দুঃখিত, আমার এটি পরীক্ষা করার এবং আরও একটি চেষ্টা করার সুযোগ নেই .. {$ আমার_উইথ: (4/12)%;

— Sri

Answer 1

আপনি শতাংশ ফাংশন চেষ্টা করেছেন ?

$my_width: percentage(4/12);
div{
width: $my_width;
}

Comments

px এবং em এর জন্য কি একই রকম ফাংশন আছে?

— নিক জিন্যান্টো

নিশ্চিত নয়, তবে ডকুমেন্টেশনের উত্স বিভাগে আপনি অন্তর্নিহিত যুক্তিটি দেখতে পাবেন: সাস :: স্ক্রিপ্ট :: সংখ্যা.নিউ (মান.মূল্য * 100, ['%']), তাই আমি মনে করি তারা যদি তা না করে অস্তিত্ব আপনি সরাসরি এটি করতে পারে, বা কিছু মোড়ক ফাংশন নিজে তৈরি করতে পারেন।

— টমাস

@ পিক্সের জন্য নিক জিন্যান্টো আপনি কেবল +pxলাইনের শেষে যুক্ত করতে পারেন , যেমনwidth: ($foo + $bar) +px

— অসন্তুষ্টগোট

@ DisgruntledGoat না, আপনার কখনই কোনও পরিস্থিতিতে এটি করা উচিত নয় । যুক্ত ইউনিটগুলি গুণন (উদাহরণস্বরূপ $foo + $bar * 1px) এর মাধ্যমে করা উচিত , ইউনিটের সাথে যুক্ত করে এটি কেবল আপনাকে একটি স্ট্রিং দেয়।

— cimmanon

@ সিমনম্যান সম্প্রতি কি তা পরিবর্তন করেছেন? আমি নিশ্চিত যে আমি আমার মন্তব্য পোস্ট করার সময় এটি হয়নি।

— অসন্তুষ্ট গোয়াট

Answer 2

অন্য উপায়:

$my_width: 4/12*100%;

div{
width: $my_width; // 33.33333%
}

সাস মান% এ আউটপুট দেবে।

Comments

মনে রাখবেন যে আমার জন্য এই কাজটি করার জন্য আমাকে 100/6 * 1% ব্যবহার করতে হয়েছিল, অন্যথায় আমি 1666.67% দিয়ে শেষ করেছি।

— sp00n

* ১০০% আসলে কী করে আমি একটি ডকুমেন্টেশন কোথায় পেতে পারি?

— ইনি

Answer 3

আমি এটিকে এভাবে কাজ করতে সক্ষম হয়েছি:

div{
   width: (4/12)* 1%;
   }

এইভাবে আপনার কোনও বিশেষ ফাংশন ব্যবহার করার দরকার নেই।