আমি নীচের উদাহরণ কোড আছে। মোবাইল ডিভাইসে ব্রাউজারগুলি বাদে এটি সমস্ত ব্রাউজারের সাথে দুর্দান্ত কাজ করে।
ওভারফ্লো ট্যাগটি ইস্যু।
মোবাইল ব্যতীত সকলের সাথে কাজ করে:
margin: 0; padding: 0; height: 100%; overflow: hidden;
কম্পিউটার নয় সমস্ত মোবাইল নিয়ে কাজ করে:
margin: 0; padding: 0; height: 100%;
এটি উভয় ক্ষেত্রে কাজ করার সেরা উপায় কি?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test Layout</title>
<style type="text/css">
body, html
{
margin: 0; padding: 0; height: 100%; overflow: hidden;
}
</style>
</head>
<body>
<iframe width="100%" height="100%" src="http://www.cnn.com" />
</body>
</html>
cnn.com
?